<template>
  <div class="cards">
    <div class="title">大额取现</div>
    <div style="height:40px;line-height: 40px;background: #eee;font-size: 14px">恭喜您，预约申请成功！</div>
    <ul v-for="order in orders">
      <li>
        <div>订单编号：{{order.no}}</div>
      </li>
      <li>
        <div>统一流水号：{{order.serial}}</div>
      </li>
    </ul>
    <ul>
      <span>进度查询可在订单详情中查看</span>
    </ul>

    <button id="backToMain" @click="backToMain">
      返回主菜单
    </button>
    <!--<button id="nextStep">-->
    <!--下一步-->
    <!--</button>-->
  </div>
</template>

<script>
  import Vue from "vue";
  import CryptoJS from "crypto-js";
  import Unils from "@/utils/encrypt.js";
  import myStore from '@/pages/store';

  export default {
    name: "orders",
    data() {
      return {
        orders: [{
          no: "622522545552155",
          serial: "202004071613",
          bank: "分行1"
        }]
      }
    },
    methods:{
      backToMain() {
        this.$router.push({path: "/", query: {}})
      },
    }
  }
</script>

<style scoped lang="less">
  .cards {
    ul {
      padding: 0 10px;
      margin: 0;
      list-style-type: none;
      li {
        display: flex;
        flex: 7;
        height: 50px;
        align-items: center;
        border-bottom: 1px solid #ddd;
        > div:first-child {
          flex: 3;
        }
        > div:nth-child(2) {
          flex: 2;
        }
        > div:last-child {
          flex: 2;
        }
      }
    }
  }
</style>

